<!-- VPCView 页面模板 -->
<div class="vpc-view" ng-controller="VPCViewCtlr as VPCView">
    <div class="view-header">
        <div class="title">
            <h3>虚拟子网</h3>
        </div>
        <div class="toolbar"></div>
    </div>
    <div class="view-snippet">
        <div class="title">
            <span>总数: 3</span>
            <div class="option dropdown">
                <span>选项</span>
                <i class="ti-angle-up"></i>
            </div>
        </div>
        <div class="scroll-y-wrapper">
            <div class="view-snippet-list">
                <div class="item">
                    <div class="hover-overlay"></div>
                    <div class="itembox">
                        <div class="box-header">
                            <h5>VPC-ab5788</h5>
                            <span class="status success">正常</span>
                        </div>
                        <div class="box-content">
                            <span>VPC网段：192.168.0.0/16</span>
                            <span>子网：3</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="hover-overlay"></div>
                    <div class="itembox">
                        <div class="box-header">
                            <h5>VPC-ab5788</h5>
                            <span class="status success">正常</span>
                        </div>
                        <div class="box-content">
                            <span>VPC网段：192.168.0.0/16</span>
                            <span>子网：3</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="hover-overlay"></div>
                    <div class="itembox">
                        <div class="box-header">
                            <h5>VPC-ab5788</h4>
                            <span class="status success">正常</span>
                        </div>
                        <div class="box-content">
                            <span>VPC网段：192.168.0.0/16</span>
                            <span>子网：3</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="hover-overlay"></div>
                    <div class="itembox shadow">
                        <div class="box-wrapper">
                            <div class="box-inner">
                                <div class="box-header">
                                    <h5>VPC-ab5788</h5>
                                    <span class="status success">正常</span>
                                </div>
                                <div class="box-content">
                                    <span>VPC网段：192.168.0.0/16</span>
                                    <span>子网：3</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="view-panel view-panel-left">
        <div class="view-panel-body">
            <subnet-view data-model="VPCView.model"></subnet-view>
        </div>
    </div>
</div>
